<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="zh-hans">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>相关法律</title>
    <link rel="stylesheet" href="style2.css">
</head>
<body>
<main>
    <section class="beijing">
    <video autoplay muted loop src="images/国旗.mp4"></video>
    </section>
    <section class="first">
    <img src="images/五角星.png" alt="五角星">
    <h2>综合安全类</h2>
    </section>
    <section class="second">
    <div>
    <img src="images\安全生产法.jpg" alt="《中华人民共和国安全生产法》">
    <h3>《中华人民共和国安全生产法》</h3>
    <p>为加强安全生产工作，防止和减少生产安全事故，保障人民群众生命和财产安全制定。</p>
    </div>
    <div>
    <img src="images\突发事件应对法.jpg" alt="《中华人民共和国突发事件应对法》">
    <h3>《中华人民共和国突发事件应对法》</h3>
    <p>用于规范突发事件应对活动，预防和减少突发事件发生，控制、减轻和消除危害。</p>
    </div>
    </section>
    <section class="first">
        <img src="images/五角星.png" alt="五角星">
        <h2>交通安全类</h2>
    </section>
    <section class="second">
    <div>
        <img src="images\道路交通.jpg" alt="《中华人民共和国道路交通安全法》">
        <h3>《中华人民共和国道路交通安全法》</h3>
        <p>旨在维护道路交通秩序，预防和减少交通事故，保护人身安全等。</p>
    </div>
    <div>
        <img src="images\内河.jpg" alt="《中华人民共和国内河交通安全管理条例》">
        <h3>《中华人民共和国内河交通安全管理条例》</h3>
        <p>对保障内河交通安全有序，规范内河交通行为等作了规定。</p>
    </div>
    </section>
    <section class="first">
        <img src="images/五角星.png" alt="五角星">
        <h2>消防安全类</h2>
    </section>
    <section class="second">
    <div>
        <img src="images\消防.jpg" alt="《中华人民共和国消防法》">
        <h3>《中华人民共和国消防法》</h3>
        <p>为了预防火灾和减少火灾危害，加强应急救援工作，保护人身、财产安全，维护公共安全制定。</p>
    </div>
    </section>
    <section class="first">
        <img src="images/五角星.png" alt="五角星">
        <h2>食品药物安全类</h2>
    </section>
    <section class="second">
    <div>
        <img src="images\食品安全.jpg" alt="《中华人民共和国食品安全法》">
        <h3>《中华人民共和国食品安全法》</h3>
        <p>保障食品安全，保障公众身体健康和生命安全。</p>
    </div>
    <div>
        <img src="images\药品管理.jpg" alt="《中华人民共和国药品管理法》">
        <h3>《中华人民共和国药品管理法》</h3>
        <p>加强药品管理，保证药品质量，保障公众用药安全和合法权益。</p>
    </div>
    </section>
    <section class="first">
        <img src="images/五角星.png" alt="五角星">
        <h2>其他安全类</h2>
    </section>
    <section class="second">
    <div>
        <img src="images\矿山.jpg" alt="《中华人民共和国矿山安全法》">
        <h3>《中华人民共和国矿山安全法》</h3>
        <p>保障矿山生产安全，防止矿山事故，保护矿山职工人身安全。</p>
    </div>
    <div>
        <img src="images\特种设备.jpg" alt="《中华人民共和国特种设备安全法》">
        <h3>《中华人民共和国特种设备安全法》</h3>
        <p>加强特种设备安全工作，预防特种设备事故，保障人身和财产安全。</p>
    </div>
    </section>
    <section class="second">
    <div>
        <img src="images\核安全.jpg" alt="《中华人民共和国核安全法》">
        <h3>《中华人民共和国核安全法》</h3>
        <p>保障核安全，预防与应对核事故，安全利用核能，保护公众和从业人员健康等。</p>
    </div>
    <div>
        <img src="images\网络安全.jpg" alt="《中华人民共和国网路安全法》">
        <h3>《中华人民共和国网络安全法》</h3>
        <p>维护网络空间主权和国家安全、社会公共利益，保护公民、法人和其他组织的合法权益。</p>
    </div>
   </section>

</main>
<footer>
    图片素材来源:
    <p  class="biaozhu">夸克豆包AI</p>
</footer>
</body>
</html>